<template>
<div class="footer">
     <div class="wrap footerwrap">
      <div class="left">
      <img src="../assets/img/slogan.7730f7f2.png" alt=""/>
      <p class="txt">
        叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学习体验，帮助您获得全新的个人发展和能力提升。
      </p>
    </div>

    <div class="center">
      <ul>
        <li>微信公众号</li>|
        <li>新浪微博</li>|
        <li>在线客服</li>
        <li class="wxpic"><img src="../assets/img/wx.5584e874.png" alt=""></li>
      </ul>
    </div>

    <div class="right">
      <p class="phone">全国免费咨询热线</p>
      <p class="phonenum">020-85628002</p>
    </div>



  </div>

</div>
 

</template>

<script>
export default {

}
</script>

<style lang='less' scoped>
    .footer{
    // width: 1920px;
    height: 240px;
    background: #242B39;
    .footerwrap {
      height: 240px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .txt {
      width: 426px;
      height: 55px;
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #7D879A;
      margin-top: 10px;
    }
    .center {
      width: 293px;
      height: 19px;
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #7D879A;
      ul {
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-top: 10px;
        .wxpic {
        position:absolute;
        top:-110px;
        left:200px;
        }
        li {
          cursor: pointer;
          
        }
      }
    }
      .right{
        .phone{
      width: 117px;
      height: 14px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #7D879A;
      }

       .phonenum{
      width: 190px;
      height: 22px;
      font-size: 26px;
      font-family: SourceHanSansSC;
      font-weight: bold;
      color: #FFFFFF;
       }


        }


    }
    
    }


</style>